@import "../../mixins/index.less";
@import '~rmc-dialog/assets/index.css';

@popup-prefix-cls: ~"@{prefix}-popup";

.rmc-slide-up-appear,.rmc-slide-up-enter {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

.rmc-slide-up-appear,.rmc-slide-up-enter,.rmc-slide-up-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55,0,.55,.2);
  animation-timing-function: cubic-bezier(.55,0,.55,.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.rmc-slide-up-appear.rmc-slide-up-appear-active,.rmc-slide-up-enter.rmc-slide-up-enter-active {
  -webkit-animation-name: amSlideUpIn;
  animation-name: amSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.rmc-slide-up-leave.rmc-slide-up-leave-active {
  -webkit-animation-name: amSlideUpOut;
  animation-name: amSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

@-webkit-keyframes amSlideUpIn {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translate(0);
      transform: translate(0)
  }
}

@keyframes amSlideUpIn {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translate(0);
      transform: translate(0)
  }
}

@-webkit-keyframes amSlideUpOut {
  0% {
      -webkit-transform: translate(0);
      transform: translate(0)
  }

  to {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }
}

@keyframes amSlideUpOut {
  0% {
      -webkit-transform: translate(0);
      transform: translate(0)
  }

  to {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }
}

.@{popup-prefix-cls}-slide-up {
  position: fixed;
  bottom: 0;
  margin: 0;
}
.rmc-top-up-appear,.rmc-top-up-enter {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%)
}

.rmc-top-up-appear,.rmc-top-up-enter,.rmc-top-up-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55,0,.55,.2);
  animation-timing-function: cubic-bezier(.55,0,.55,.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.rmc-top-up-appear.rmc-top-up-appear-active,.rmc-top-up-enter.rmc-top-up-enter-active {
  -webkit-animation-name: amTopUpIn;
  animation-name: amTopUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.rmc-top-up-leave.rmc-top-up-leave-active {
  -webkit-animation-name: amTopUpOut;
  animation-name: amTopUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

@-webkit-keyframes amTopUpIn {
  0% {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  to {
      -webkit-transform: translate(0);
      transform: translate(0)
  }
}

@keyframes amTopUpIn {
  0% {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  to {
      -webkit-transform: translate(0);
      transform: translate(0)
  }
}

@-webkit-keyframes amTopUpOut {
  0% {
      -webkit-transform: translate(0);
      transform: translate(0)
  }

  to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }
}

@keyframes amTopUpOut {
  0% {
      -webkit-transform: translate(0);
      transform: translate(0)
  }

  to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }
}

.@{popup-prefix-cls}-top-up {
  position: fixed;
  top: 0;
  margin: 0;
}

.rmc-right-up-appear,.rmc-right-up-enter {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%)
}

.rmc-right-up-appear,.rmc-right-up-enter,.rmc-right-up-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55,0,.55,.2);
  animation-timing-function: cubic-bezier(.55,0,.55,.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.rmc-right-up-appear.rmc-right-up-appear-active,.rmc-right-up-enter.rmc-right-up-enter-active {
  -webkit-animation-name: amRightUpIn;
  animation-name: amRightUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.rmc-right-up-leave.rmc-right-up-leave-active {
  -webkit-animation-name: amRightUpOut;
  animation-name: amRightUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

@-webkit-keyframes amRightUpIn {
  0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }

  to {
      -webkit-transform: translate(0);
      transform: translate(0)
  }
}

@keyframes amRightUpIn {
  0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }

  to {
      -webkit-transform: translate(0);
      transform: translate(0)
  }
}

@-webkit-keyframes amRightUpOut {
  0% {
      -webkit-transform: translate(0);
      transform: translate(0)
  }

  to {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }
}

@keyframes amRightUpOut {
  0% {
      -webkit-transform: translate(0);
      transform: translate(0)
  }

  to {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }
}
.@{popup-prefix-cls}-right-up {
  position: fixed;
  right: 0;
}

.rmc-left-up-appear,.rmc-left-up-enter {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}

.rmc-left-up-appear,.rmc-left-up-enter,.rmc-left-up-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(.55,0,.55,.2);
  animation-timing-function: cubic-bezier(.55,0,.55,.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.rmc-left-up-appear.rmc-left-up-appear-active,.rmc-left-up-enter.rmc-left-up-enter-active {
  -webkit-animation-name: amLeftUpIn;
  animation-name: amLeftUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.rmc-left-up-leave.rmc-left-up-leave-active {
  -webkit-animation-name: amLeftUpOut;
  animation-name: amLeftUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

@-webkit-keyframes amLeftUpIn {
  0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }

  to {
      -webkit-transform: translate(0);
      transform: translate(0)
  }
}

@keyframes amLeftUpIn {
  0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }

  to {
      -webkit-transform: translate(0);
      transform: translate(0)
  }
}

@-webkit-keyframes amLeftUpOut {
  0% {
      -webkit-transform: translate(0);
      transform: translate(0)
  }

  to {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }
}

@keyframes amLeftUpOut {
  0% {
      -webkit-transform: translate(0);
      transform: translate(0)
  }

  to {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }
}
.@{popup-prefix-cls}-left-up {
  position: fixed;
  left: 0;
}


// 复写无用样式
.m-react-modal-wrap  {
  &-center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .rmc-dialog-content {
    border-radius: 0;
    background-color: inherit;
  }
  .rmc-dialog-body {
    padding: 0;
  }
  .rmc-dialog {
    margin: 0;
  }
}

